<!--
 * @Author: deliteam 462085920@qq.com
 * @Date: 2023-11-24 16:23:32
 * @Description: 
-->

<template>
    <el-image-viewer v-if="showPreview" :urlList="previewImages" :on-close="closeViewer"
        :initialIndex="initialIndex"></el-image-viewer>
</template>
<script>
// 可自行去对应目录查看该组件
import ElImageViewer from "element-ui/packages/image/src/image-viewer";
export default {
    data() {
        return {
            showPreview: false,
            previewImages: [],
            initialIndex: 0
        };
    },
    components: {
        ElImageViewer
    },
    methods: {
        closeViewer() {
            this.showPreview = false;
        }
    }
};
</script>
 